<!--COLUMN 1-->
<div class="ThreeColGrid_c1">
<?php
        if($a_Locum['Locum']['Avatar'])
        {
            echo '<img src="'. Router::url('/').'app/webroot/img/avatar/'.$a_Locum['Locum']['Avatar'].'" width="100" height="100" alt="Locum">';
        }else
        {
            echo '<img src="'.Router::url('/').'app/webroot/img/avatar.jpg" width="100" height="100" alt="Locum">';
        }
    ?>  
</div>
<!--COLUMN 1-->

<!--COLUMN 2-->
<div class="ThreeColGrid_c2">
<h4 class="TitleTwo">Vacancy Invite</h4>
<p>&nbsp;</p>
<p>To invite <span style="color: #666;"><?php echo $a_Locum['Locum']['FirstName']?> <?php echo $a_Locum['Locum']['LastName']?></span> simply select a vacancy and hit the "Invite" button.</p>
<p>&nbsp;</p>
<p><b>Select a vacancy</b><p>
<select name="data[Invite][VacancyId]" id="VacancyId">
<?php foreach( $a_Vacancy as $Vacancy ) :?>
	<option value="<?php echo $Vacancy['Vacancy']['id']?>"><?php echo $Vacancy['Vacancy']['Title']?></option>
<?php endforeach;?>
</select>
<br><br>
<a id="invite_locum" href="javascript:void(0);" class="TitleFive" style="float: left; width: 100px;">Invite</a>

</div>
<!--COLUMN 2-->

<!--COLUMN 3-->
<div class="ThreeColGrid_c3">
<h6 class="TitleFive">Locum Search</h6>
<?php echo $this->element('search_for_pharmacy');?>
<br>
<?php echo $this->element('invite_pharmacy');?>
<br>


</div>
<!--COLUMN 3-->
<script>
	function Invite()
	{
		
	}

	$(document).ready(function(){
		$('#invite_locum').click(function () {
			var i_Vacancy = $('#VacancyId').val();
			if( i_Vacancy == "" || i_Vacancy == undefined )
			{
				alert('Please select a Vacancy!');
				return false;
			}
			else
			{
				var sz_Link = "<?php echo Router::url('/') . 'pharmacies/invite_success/' . $Locum_id;?>" + '/' + i_Vacancy;
				window.location = sz_Link;
			}
			
		});
	});
</script>
